دکمه عمل شناور (FAB) یک دکمه دایرهای است که عملکرد اصلی را در رابط کاربری برنامه شما فعال میکند. این صفحه به شما نشان می دهد که چگونه FAB را به طرح خود اضافه کنید، برخی از ظاهر آن را سفارشی کنید و به ضربه زدن دکمه پاسخ دهید.
برای کسب اطلاعات بیشتر در مورد نحوه طراحی یک دکمه اکشن شناور در برنامه خود طبق دستورالعملهای طراحی متریال، به دکمهها: دکمه اقدام شناور نیز مراجعه کنید.
شکل 1. یک دکمه عمل شناور
دکمه اکشن شناور را به طرح بندی خود اضافه کنید
کد زیر نشان می دهد که FloatingActionButton
چگونه باید در فایل layout شما ظاهر شود:
<com.google.android.material.floatingactionbutton.FloatingActionButton android:id="@+id/fab" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="end|bottom" android:src="@drawable/ic_my_icon" android:contentDescription="@string/submit" android:layout_margin="16dp" />
بهطور پیشفرض، FAB با ویژگی colorAccent
رنگ میشود که میتوانید با پالت رنگ تم آن را سفارشی کنید .
میتوانید سایر ویژگیهای FAB را با استفاده از ویژگیهای XML یا روشهای مربوطه، مانند موارد زیر، پیکربندی کنید:
- اندازه FAB با استفاده از ویژگی
app:fabSize
یا متدsetSize()
. - رنگ موج دار FAB، با استفاده از ویژگی
app:rippleColor
یا متدsetRippleColor()
. - نماد FAB با استفاده از ویژگی
android:src
یا متدsetImageDrawable()
.
به ضربه زدن دکمه پاسخ دهید
سپس می توانید یک View.OnClickListener
را برای کنترل ضربه های FAB اعمال کنید. برای مثال، زمانی که کاربر روی FAB ضربه میزند، کد زیر یک Snackbar
را نمایش میدهد:
کاتلین
val fab: View = findViewById(R.id.fab) fab.setOnClickListener { view -> Snackbar.make(view, "Here's a Snackbar", Snackbar.LENGTH_LONG) .setAction("Action", null) .show() }
جاوا
FloatingActionButton fab = findViewById(R.id.fab); fab.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { Snackbar.make(view, "Here's a Snackbar", Snackbar.LENGTH_LONG) .setAction("Action", null).show(); } });
برای اطلاعات بیشتر در مورد قابلیتهای FAB، به مرجع API FloatingActionButton
مراجعه کنید.